<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>基础知识</title>
	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"" rel="stylesheet">
	<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.2.3/animate.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../../static/css/public.css" />
</head>
<body>
	<!--右边内容-->
	<div id="app" class="main animated fadeInRight">
		<div class="shadow">
			<div>
				<h4>charAt()</h4>
				<pre>
	var str="bbqLove";
	console.log(str.charAt(3));=>"q"				
				</pre>
			</div>
			<div>
				<h4>substr()</h4>
				<pre>
	var str="bbqLove";
	console.log(str.charAt(2,3));=>"qLo"	
	
	第一个参数  截取的位置
	第二个参数  截取的长度  (没有指定的长度会默认全部)			
				</pre>
			</div>
			<div>
				<h4>substring()</h4>
				<pre>
	var str="bbqLove";
	console.log(str.charAt(0,3));=>"bbq"
					
	第一个参数  截取的开始位置
	第二个参数  截取的结束位置				
				</pre>
			</div>
			<div>
				<h4>indexOf()、lastIndexOf()</h4>
				<div>indexOf()：找到第一个查询字符串的下标</div>
				<div>lastIndexOf()：找到最后查询字符串的下标</div>
				<pre>
	var str="Hello world, welcome to the universe.";
	console.log(str.indexOf("o"));=>4
	alert(str.lastIndexOf("o"));=>22
				</pre>
			</div>
			<div>
				<h4>replace()</h4>
				<pre>
	var str1="abc123";
	str1=str1.replace("b","B");
	console.log(str1);=>"aBc123"
	
	去除空格
	str=str.replace(/\s*/g,'') 	=>去除所有
	str=str.replace(/^\s*/g,'') 	=>去除左边
	str=str.replace(/(\s*$)/g,'') 	=>去除右边
	str=str.trim() 	=>去除两边
				</pre>
			</div>
			<div>
				<h4>concat()</h4>
				<pre>
	var str1="abc123";
	var str2="def456";
	var str3=str1.concat(str2);
	console.log(str3);=>"abc123def456"
				</pre>
			</div>
			<div>
				<h4>search()</h4>
				<pre>
	var str="Visit W3CSchool!";
	var n=str.search("W3CSchool")	//没有则为-1，和indexof在此类似
	console.log(n)=>6
				</pre>
			</div>
			<div>
				<h4>split()</h4>
				<pre>
	var str="Visit W3CSchool!";
	var newArr=str.split('')	
	=> ["V", "i", "s", "i", "t", " ", "W", "3", "C", "S", "c", "h", "o", "o", "l", "!"]
	newString=newArr.join('')
	=>"Visit W3CSchool!"
				</pre>
			</div>
		</div>
	</div>
	<!--页面加载进度条-->
	<script src="https://cdn.bootcdn.net/ajax/libs/pace/0.5.0/pace.min.js"></script>
</body>

</html>